@media screen and (min-width: 414px) {
  html {
    font-size: 41.4px !important;
  }
}
body {
  min-width: 320px;
  max-width: 414px;
  width: 10rem;
  height: 20.748792rem;
  margin: 0 auto;
}
.baner .swiper-container {
  width: 100%;
  height: 4.830918rem;
  position: relative;
  overflow: hidden;
}
.main {
  margin-top: 0.483092rem;
}
.main ul {
  width: 9.299517rem;
  margin: 0 auto;
}
.main ul #listone,
.main ul #listtwo {
  width: 100%;
  height: 2.657005rem;
  border-radius: 0.483092rem;
  margin-top: 0.483092rem;
  overflow: hidden;
  color: white;
  font-size: 0.386473rem;
  font-weight: 600;
}
.main ul #listone {
  background: url(../img/index-swiper-bg2.jpg) no-repeat 0 -0.641546rem;
  background-size: cover;
}
.main ul #listone p {
  margin-top: 0.241546rem;
  margin-left: 0.241546rem;
}
.main ul #listtwo {
  background: url(../img/index-card-run.png) no-repeat 0 -0.641546rem;
  background-size: cover;
}
.main ul #listtwo p {
  margin-top: 0.241546rem;
  margin-left: 0.241546rem;
}
.main ul .showTop {
  display: flex;
  justify-content: space-around;
  height: 3.623188rem;
  margin-bottom: 0.483092rem;
}
.main ul .showTop .Topleft {
  width: 3.623188rem;
  background-color: pink;
  border-radius: 0.241546rem;
  background: url(../img/index-card-rank.png) no-repeat #54afda;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
.main ul .showTop .Topleft p {
  font-size: 0.483092rem;
  color: #0b5b8b;
  position: absolute;
  left: 0.241546rem;
  top: 0.241546rem;
  font-weight: 900;
}
.main ul .showTop .Topleft span {
  font-size: 1.15942rem;
  font-weight: 900;
  color: white;
}
.main ul .showTop .Topright {
  width: 5.120773rem;
  background: url('../img/index-card-sum.png') no-repeat 0.241546rem 0.241546rem #9fd9f8;
  background-size: 3.019324rem;
  border-radius: 0.241546rem;
  position: relative;
}
.main ul .showTop .Topright .TRtop {
  margin-top: 0.483092rem;
  margin-left: 0.483092rem;
  font-weight: 900;
  font-size: 0.434783rem !important;
}
.main ul .showTop .Topright button {
  width: 2.415459rem;
  height: 0.966184rem;
  border: royalblue 2px solid;
  background-color: transparent;
  border-radius: 0.483092rem;
  font-size: 0.386473rem;
  position: absolute;
  bottom: 0.483092rem;
  right: 0.241546rem;
  color: white;
}
.main ul .showBottom {
  display: flex;
  justify-content: space-around;
  height: 2.657005rem;
}
.main ul .showBottom .Bottomleft {
  width: 4.347826rem;
  background: url(../img/index-card-data.png) no-repeat;
  background-size: cover;
  border-radius: 0.241546rem;
}
.main ul .showBottom .Bottomleft p {
  right: 0.241546rem;
  margin-top: 0.483092rem;
  margin-left: 0.483092rem;
  color: white;
  font-weight: 600;
}
.main ul .showBottom .Bottomright {
  width: 4.468599rem;
  background: url(../img/index-card-badge.png) no-repeat 0.120773rem 0.483092rem #9dbde3;
  background-size: 2.173913rem;
  border-radius: 0.241546rem;
  position: relative;
  color: #004e73;
}
.main ul .showBottom .Bottomright p {
  font-size: 0.386473rem !important;
  margin-top: 0.483092rem;
  margin-left: 0.483092rem;
}
.main ul .showBottom .Bottomright .Brispan {
  position: absolute;
  bottom: 0;
  right: 0.241546rem;
  font-size: 0.676329rem;
}
.main ul .showBottom .Bottomright .Brispan .shownum {
  font-size: 1.932367rem;
}
.showUhdy {
  width: 100%;
  height: 1.859903rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #aaa;
}
.showUhdy .showon {
  color: skyblue !important;
}
.showUhdy a {
  color: #aaa;
  text-align: center;
}
.showUhdy a span {
  font-size: 0.772947rem !important;
}
.showUhdy a p {
  font-size: 0.386473rem !important;
}
.clock-t {
  background-color: pink;
}
.clock-f {
  background-color: gray !important;
  color: #fff;
}
